<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
	    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
	    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css" />
	    <link rel="stylesheet" type="text/css" href="./css/person.css">
	    <title>个人中心</title>
	    <style type="text/css">
	    	html,body{
				width: 100%;height: 100%;background: rgba(0,0,0,0);
			}
	    	[v-cloak]{
	    		display: none !important;
	    	}
	    </style>
	</head>
	<body>
		<div class="person-shop" ref="personOpenShop">
	    	<div class="person-shop-bg" @click="openShopShow"></div>
	    	<div class="person-shop-main" v-show="openShopActive">
	    		<h2> 
	    			<img src="../../../image/shop/person-01.png"/>
	    			<p><b>选择以下一种方式</b><br />(三选一)</p> 
	    			<span @click="closeOpenShop"><img src="../../../image/shop/person-02.png"/></span>
	    		</h2>
	    		<ul>
	    			<li>
	    				<div><b>方式</b><span>1</span>填写开店邀请码</div>
	    				<input type="text" value="" ref="openShopCodeValue" placeholder="请输入邀请码"/>
	    				<a href="javascript:void(0);" @click="openShopCode">确定</a>
	    			</li>
	    			<li>
	    				<div><b>方式</b><span>2</span>邀请好友<img src="../../../image/shop/person-03.png"/></div>
	    				<p>邀请满<span>10</span>人即可开店</p>
	    				<a href="javascript:void(0);" @click="shareShow">立即邀请(0/10)</a>
	    			</li>
	    			<li class="pay">
	    				<div><b>方式</b><span>3</span>支付198元<img src="../../../image/shop/person-04.png"/></div>
	    				<a href="javascript:void(0);" @click="payShow">立即支付</a>
	    			</li>
	    		</ul>
	    	</div>
	    	<div class="person-shop-pay" v-show="shareActive">
	    		<div data-type="1" @click="openShopShare">
	          		<img src="../../../image/shop/buy/buy-64.png"/>分享给好友
	        	</div>
		        <div data-type="2" @click="openShopShare">
		          	<img src="../../../image/shop/buy/buy-63.png"/>分享到朋友圈
		        </div>
	    	</div>
	    	<div class="person-shop-share person-shop-pay" v-show="payActive">
	    		<div data-id="2" data-index="0" @click="openShopPay">
					<img src="../../../image/zhi_pay.png"/> 支付宝
				</div>
				<div data-id="3" data-index="1" @click="openShopPay">
					<img src="../../../image/wx_pay.png"/> 微信
				</div>
	    	</div>
	    </div>
	</body>
	<script src="../../sea.js" data-main="../../main"></script>
	<script type="text/javascript" src="../../vue.js"></script>
	<script type="text/javascript" src="./js/openShop.js"></script>
</html>
